/*产品详情*/
.product-info {overflow: hidden;}
.product-info .product-picture{
    width:100%;max-height:84vw;display: flex;align-items: center;justify-content: center;
    position: relative;
}
.product-info .zoom{width:7vmin;height:7vmin;position: absolute;right:10px;bottom:10px;z-index: 1;opacity: 0.3}
.product-info .product-picture .cover{width:90%;max-height:70vw;}
.product-info .product-params {font-size:14px;color:#fff;line-height: 1rem;background:#292929;padding:12px 15px;position: relative}
.product-info .product-params .title{font-size:22px;font-weight: bold;padding:0.4em 0;}
.product-info .product-params .text{}
.product-info .product-params .toggle-link{color:#999}

.product-another {color:#fff;width:100%;padding:10px 0;display: flex;align-items: center;justify-content: space-between}
.product-another .box {width:48%;padding:10px 0;display: flex;align-items: center;justify-content: center;box-sizing: border-box}
.product-another .box:nth-child(1) {background-color: #1c355e;}
.product-another .box:nth-child(2) {background-color: #896b4f;}
.product-another .box .icon{height:24px;}
.product-another .box .title{font-size:14px;margin-left: 10px;}

.product-article{}
.product-article img{max-width: 100%;}


/*sku*/
.sku {padding:2vmin 0;overflow-x: scroll;display: flex;align-items: flex-start;justify-content: flex-start;}
.sku .box {width:28vmin;margin:0.5vmin;}
.sku .box .picture{border:2px solid #eee;box-shadow: 2px 2px 2px rgba(0,0,0,0);transition: all 0.5s}
.sku .box .picture img{width:24vmin; height:24vmin;}
.sku .box .info {font-size:12px;color:#666;transition: all 0.5s}
.sku .box .info .sku-title {
    width:100%;
    /*overflow:hidden;text-overflow:ellipsis;white-space:nowrap;*/
}
.sku .box .info .sku-price {}
.sku .box.hover {}
.sku .box.hover .picture{border:2px solid #f60;box-shadow: 2px 2px 4px rgba(0,0,0,0)}
.sku .box.hover .info{color:#f60}
/*按钮*/
.sku-control {line-height:1.5em;margin-top: 0.1em;display: block;align-items: center;justify-content: space-between;}
.sku-control .text{color:#f60;}
.sku-control .btnCart{
    color:#fff;background-color: #f60;border:none;padding:0.4em 1em;border-radius: 3px;
    display: flex;align-items: center;justify-content: center;
}
.sku-control .btnCart img{heigh:1.5em;width:1.5em;}
.sku-control .btnCart:active{
    background-color: #f90;}

.fly_item {  width: 10px; height: 10px;background:#f00; border-radius:100%;overflow: hidden; position: absolute; visibility: hidden;  }


/*产品详情-内容层*/
.product-mask {
    position: fixed;z-index:3;top:0;left: 0;right: 0;bottom: 0;
    background-color: rgba(255,255,255,0.9);
    /*background-color: rgba(0,0,0,0.8);*/
}
.product-mask .float-wrap {
    width:96%;max-width: 750px;height:auto;border:0px solid #e00; box-sizing: border-box;
    position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);
}
.product-mask .float-wrap .close{position: absolute;left: 50%;bottom:0;transform: translate(-50%,150%);}
.product-mask .float-wrap .close .layui-icon {}
.product-mask .float-wrap .content{}

.float-video {width: 100%;display: flex;align-items: center;justify-content: center}
.float-video video{ width:100%;max-width: 720px}
.float-album {display: flex;align-items: center;justify-content: flex-start;flex-wrap: wrap}
.float-album a{
    width:30vmin;height:30vmin;background:#fff;margin:3px;display: flex;
    align-items: center;justify-content: center;box-shadow:1px 1px 3px rgba(0,0,0,0.1)
}
.float-album a img{width:28vmin;max-height: 28vmin}



/*****************************************************************************************************************/
/*****************************************************************************************************************/
/*****************************************************************************************************************/
@media screen and (min-width: 767px){
    /*产品详情*/
    .product-info .product-params {font-size:18px;padding:15px 20px;}
    .product-info .product-params .title{font-size:24px;padding:0.5em 0;}
    .product-another .box .icon{height:32px;}
    .product-another .box .title{font-size:18px;margin-left: 10px;}
    /*sku*/
    .sku {}
    .sku .box {}
    .sku .box .picture{}
    .sku .box .picture img{}
    .sku .box .info{font-size:16px}
    .sku .box.hover {}
    .sku .box.hover .picture{}
    .sku .box.hover .info{}
}

@media screen and (min-width: 1024px){

    /*产品详情*/
    .product-info {}
    .product-info .product-picture{width:42vw;max-height:40vw;padding:0px 0;}
    .product-info .product-picture .cover{width:42vw;max-height:40vw;}

    /*sku*/
    .sku {padding:2vmin 0;}
    .sku .box {width:15vmin;margin:0.5vmin;}
    .sku .box .picture{}
    .sku .box .picture img{width:14vmin; height:14vmin;}
    .sku .box .info {font-size:14px;}
}

